<!doctype html>
<html lang="en">
<head>
	<title>Jini World</title>
	<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
		<script type="text/javascript" charset="utf-8" src="js/jquery-latest.js"></script>
	<script type="text/javascript" src="js/bwH5LS.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/chat.js"></script>
	<link type="text/css" rel="stylesheet" href="css/style.css" /> 
    <script type="text/javascript" src="js/equalcolumns.js"></script>
    <script type="text/javascript" src="js/checkuser.js"></script>
	
</head>
<body>

	<header>
		<h1>Jini World</h1>
	</header>
	<nav>
		<ul>
			<li class="selected"><a href="home.html">Home</a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li class="selected"><a href="login.html?reset=true">Logout<script type="text/javascript">printUserName();</script></a></li>
		</ul>
	</nav>
	<section id="intro">
		<header>
			<h2>Even Impossible Says I'm Possible</h2><img src="images/smiley-flag-india.gif" alt="lime" />
		</header>
		<p></p>
		<canvas id="map" ></canvas>
	</section>
	
	<div id="innercontent">
    <article>
    	<div id="body">
			<div id="menu">
				<p class="welcome">
					Welcome,<input id="username" value="anonymous" />			
				</p>
				<div style="clear: both"></div>
			</div>
	
			<div id="chatbox">
				<textarea id="messages" rows="16" cols="48" readonly="readonly"></textarea>
			</div>
	
			<form name="message" action="">
				<input name="usermsg" type="text" id="message" size="63" /> <input
					type="button" name="submitmsg" value="Send..."
					onclick="sendMessage();" />
			</form>
		</div>
    </article>
		</div>
		
		<aside>
			<section>
				<header>
					<h3>Categories</h3>
				</header>
				<ul>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
				</ul>
			</section>
			
			<section>
				<header>
					<h3></h3>
				</header>
					<img src="images/ad125.jpg" alt="ad" /> <img src="images/ad125.jpg" alt="ad" />
					<br />
					<img src="images/ad125.jpg" alt="ad" /> <img src="images/ad125.jpg" alt="ad" />
					<br /><br />
			</section>
			
			<section>
				<header>
					<h3>Connect With Us</h3>
				</header>
				<ul>
					<li><a href="#">Twitter</a></li>
					<li><a href="#">Facebook</a></li>
					<li><a href="#">Google Buzz</a></li>
					
				</ul>
			</section>

			<section>
				<header>
					<h3>Recent Articles</h3>
				</header>
					<ul>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
					</ul>
			</section>
			
		</aside>

	<footer>
    <section>
    <h3>Left Stuff</h3>
    <p></p>
    <p>Next line here</p>
    </section>
    
    <section>
    <h3>Center Stuff</h3>
    <p></p>
    <p>Next line here</p>
    </section>
    
    <section>
    <h3>Right Stuff</h3>
    <p></p>
    <p></p>
    </section>

	</footer>
</body>
<footer>
		<script type="text/javascript" src="js/renderer2.js"></script>
		<script type="text/javascript" src="js/data.js"></script>
		<script type="text/javascript" src="js/spinningglobe.js"></script>
</footer>
</html>
